@charset "utf-8";
body {
    background: #f9f9f9;
    color: #666;
}

.wrapper {
    width: 100%;
    height: auto;
    .wrap {
        .layout {
            width: 854px;
            margin: 0 auto;
            padding-bottom: 10px;
            .n-frame {
                background: #fff;
                padding: 0 34px 34px 30px;
                .logo {
                    padding-bottom: 40px;
                    &>a {
                        width: 49px;
                        height: 48px;
                        margin: 0 auto;
                        display: block;
                        background-image: url(../img/milogo.png);
                    }
                }
                .title {
                    text-align: center;
                    h4 {
                        font-size: 30px;
                        color: #333;
                        line-height: 1.5;
                    }
                }
                .reg {
                    .regbox {
                        width: 332px;
                        padding: 30px 0;
                        line-height: 20px;
                        margin: 0 auto;
                        form {
                            h4 {
                                padding-bottom: 5px;
                                color: #333;
                                font-size: 14px;
                                font-weight: normal;
                            }
                            label {
                                margin-bottom: 14px;
                                border: 1px solid #e8e8e8;
                                display: block;
                                outline: 0;
                                &>input {
                                    width: 348px;
                                    line-height: 22px;
                                    padding: 13px 16px 13px 14px;
                                    display: block;
                                    outline: 0;
                                }
                            }
                            &>input {
                                background-color: #ff6700;
                                width: 348px;
                                height: 50px;
                                line-height: 50px;
                                display: block;
                                margin-bottom: 14px;
                                margin-top: 14px;
                                text-align: center;
                                font-size: 14px;
                                color: #fff;
                                outline: 0;
                                border: 0;
                            }
                        }
                    }
                    .privacy {
                        text-align: center;
                        padding-top: 40px;
                        .msg {
                            color: #9d9d9d;
                            label {
                                padding: 10px 0;
                                cursor: pointer;
                                display: inline-block;
                                &>a {
                                    color: #333;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

footer {
    position: relative;
    z-index: 4;
    height: 80px;
    text-align: center;
    .top {
        text-align: center;
        ul>li {
            display: inline-block;
            &>a {
                color: #333;
                display: inline-block;
                padding: 0 10px;
            }
        }
    }
    .bottom {
        padding: 10px;
        &>a {
            color: #757575;
        }
    }
}